/* 公用样式表   都制作成类名选择器, 主要是要进行复用 ,写选择器层级时,都要跳过公用样式*/
@charset "utf-8";
.container-fluid1 {
    min-width: 1200px;
  }
  /* 清除固定结构中的浮动 */
.clearfix:after{
    content:'';
    display: block;
    height: 0;
    clear: both;
    zoom: 1;
}
 
.container{
    width: 1200px;
    margin:0 auto;
}
body{
    font-size: 14px;
}
/* 设置弹性盒子*/
.dispflx {
    display: flex ;
  }
  .dispf1 {
    flex: 1;
  }


  .f1-justify {
    justify-content: space-between;
  }

  .flwrap{
    flex-wrap:wrap;
  }


  .jcontent{
    justify-content:flex-end;
  }
  .jcontentcnt{
    justify-content:center;
  }
  .jusent{
    justify-content:space-around;
  }

  .aligitems{
    align-items:center;
  }

/* 相对定位 */
.relative{
    position: relative;
}
/* 绝对定位 */
.absolute{
    position: absolute;
}
/* css组件 */
/* 字体相关 */
.ce6{
    color: #e6e6e6;
}
.cefff{
    color: #fff;
}
.cf60{
    color:#f60;
}
.cfff{
    color:#fff;
}
.c80{
    color:#808080;
}
.c1a{
    color:#1a1a1a;
}
.c3{
    color:#333;
}
.c6{
    color:#666;
}
.cf9{
    color:#f91616;
}
.cf32{
    color: #323232;
}
.cf468{
    color: #468bfd;
}

/* 文本缩进 */
.ti5{
    text-indent:5px;
}
.ti8{
    text-indent:8px;
}
.ti15{
    text-indent:15px; 
}
.ti30{
    text-indent:30px;  
}
.ti205{
    text-indent:205px;
}
/* 字体大小 */
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}

/* 文本水平居中 */
.tcenter{
    text-align: center;
}
.boox-rr{
    display: none;
  }
  .onne{
    display:block !important;
  }

/* 字体粗细 */
.fnormal{
    font-weight: normal;
}
.fnobld{
    font-weight:bold;
}
/* margin */
.mauto{
    margin:0 auto;
}
.mt5{
    margin-top:5px;
}
.mt35{
    margin-top: 35px;
}
.mt20{
    margin-top:20px;
}
.mr35{
    margin-right:35px;
}
.mr90{
    margin-right:90px;
}
.mt10{
    margin-left:10px;
}
.mb90{
    margin-bottom:90px;
}

/* padding */
.ptb424{
    padding:4px 0 24px;
}
/* 行高 */
.line-h30{
    line-height:30px;
}

/* 背景相关 */
.bc10{
    background-color: #101010;
}
.bcf9{
    background-color: #f9f9f9;
}
.ba93{
    background-color: #93d46f; 
}
.bcf60{
    background-color: #f60;
}
.bcf3{
    background-color: #f3f3f3;
}
.bcf2{
    background-color: #f2f2f2;
}






/* 测试工具 */
.b{
    border:1px solid red;
    box-sizing: border-box;
   
}
.cur-poi{
    cursor: pointer;
}



/* 页头 */

.header-top{
    line-height:30px;
}
.header-top a{
    color:#f60;
}
.header-top p:first-of-type{
    margin-left:205px;
}
/* 购物车加搜索框 */
.search{
    width: 440px;
    height: 36px;
    background-color: #ffffff;
    border: solid 2px #ff6600;
    box-sizing: border-box;
    margin-right:30px;
   
}
.search input:first-child{
width: 390px;
height: 32px;
border:0;
outline-style:none;
}
.search input:last-child{
width: 50px;
height: 32px;
border:0;
outline-style:none;
background-image: url(../imgs/bgicon.png);
font-size:0;
}
/* 购物车 */
.shopcar1 a{
display:inline-block;
width: 100px;
height:36px;
box-sizing: border-box;
line-height:36px;
}
.shopcar1 a:first-child{
background:#f60 url(../imgs/bgicon.png) no-repeat 0 -42px;
text-indent:37px;  
}
.shopcar1 a:last-child{
background-color: #ebebeb;
border: solid 1px #cccccc;
text-align: center;
}

/* 导航栏 */
.head-nav a{
color:#323232;
}
.head-nav ul{
margin-right:100px;
margin-top:21px;
}
.head-nav ul li{
margin-left:30px;
}

/* 公共标题 */
.title{
    border-bottom:6px solid #f60;
    
}
.book-ul li{
    width: 98px;
    height: 34px;
    text-align: center;
    line-height:34px;
   }
   .actvu{
     background-color:#f60;
     color:#fff;
   }
/* 公共左边板块 */
    .boox-l{
    width: 238px;
    background-color:#f9f9f9;
  }
  .boox-l img{
   width: 238px;
  }
   .boox-l p a{
    display:inline-block;
    width: 76px;
    line-height:38px;
    text-indent:6px;
    color:#333;
  }
  /* 公共右边板块 */
  .cloth-right{
      width: 962px;
  }
  .cloth-right .cloth-z{
      width:431px;
      float: left;
  }
  .cloth-right .cloth-zr{
      width: 531px;
      float: right;
  }
  .cloth-right .cloth-zr img{
      width:174px;
  }
  .cloth-right .cloth-zr>img{
    width:174px;
    height: 348px;
}
  .dbc{
      width: 429px;
      height: 157px;
  }
  .cloth-zr2 img{
      width: 154px;
      height: 157px;
  }
  .cloth{
      margin-bottom: 45px;
  }
  .sport{
    margin-bottom: 45px;
}
.child{
    margin-bottom: 45px;
}

/* 页尾 */
.footer .footer-img img{
    margin:10px 30px;
}
.footer .footer-dl dl{
    margin:20px 35px;
    color: #4d4d4d;
    text-align: center;
    line-height: 28px;
}
.footer .footer-dl dl a{
    color: #4d4d4d;
    font-size:16px;
} 
.footer .footer-dl dt:first-child a{
    color: #000;
    font-size:18px;
}
.footer .footer-logo{
    top:29px;
    right:-177px;
}
   
